html {
    background-color: #bdc2de;  /* 整个页面的背景颜色 */
}

.layui-header .layui-icon { /* 头部 图标的颜色 */
    color: #000;
}

.layui-header .layui-nav-child{  /* 头部 头像的下拉选项样式 */
    left: -30px;
}

.layui-layout-admin .layui-header {  /* 设置头部的 边框颜色  和 背景颜色 */
    border-bottom: 1px solid #b14e4e;
    box-sizing: border-box;      /* 该属性意思百度搜索 */
    background-color: #fffbfb;
}


/* 左侧导航栏伸缩 */
.layui-side,.layui-logo{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.layui-layout-admin .layui-side {
    width: 200px;
    top: 0;
    z-index: 1001;
}

.layui-side-scroll {
    width: 200px;
}

.layui-layout-admin .layui-logo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 200px;
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #3A3D49 !important;
}

.layui-side-menu .layui-nav {
    margin-top: 60px !important;
    background-color: #000000;
}

.layui-side-menu {  /*  左侧导航栏背景颜色 */
    background-color: #393D49;
}

.showMenu.layui-layout-admin .layui-side { /*点击伸缩按钮后的css样式*/
    left: -200px;
}
.showMenu.layui-layout-admin .layui-logo { /*点击伸缩按钮后的css样式*/
    left: -200px;
}
.showMenu.layui-layout-admin .layui-layout-left { /*点击伸缩按钮后的css样式*/
    left: 0px;
}
.showMenu .layui-body{ /*点击伸缩按钮后的css样式*/
    left: 0;
}



/*内容主体css*/
.layui-tab {
    height: 100%;
    margin: 0 0 0 0;
    z-index: 99999;
}

.layui-tab-content { /*去掉选项卡的高度剩下的都是内容的高度*/
    height: calc(100% - 40px) !important;
}

.layui-tab-item {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    /* 可以用上面的也可以用下面的*/
    /*height: 100%;*/
}

.layui-layout-admin .layui-body {
    overflow: hidden;
    bottom: 0px !important;
    top: 60px !important;
    transition: all .2s;
}

.layui-show {
    display: block !important;
}

/**选项卡css**/
.layui-tab .layui-tab-title .disable-close + .layui-tab-close { /*该css用与去掉第一个选项卡的删除弄能*/
    display: none;
}

.layui-tab-title li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    position: relative;
    line-height: 40px;
    min-width: 65px;
    padding: 0 15px;
    cursor: pointer;
}


.layui-tab-title .layui-this { /*选项卡 li样式*/
    background-color: #c2b7c399;
    color: #000;
    max-width: 110px;
    text-align: center;
}

.layui-tab .layui-tab-title .layui-tab-bar { /*隐藏选项卡收缩按钮*/
    display: none;
}

.layui-tab > .layui-tab-title { /*选项卡超出部分隐藏*/
    overflow: hidden;
}

.layui-tab.marg0 .layui-tab-title { /*给选项卡点击左滑动   点击右滑动  和 选项卡工具按钮  腾出空间*/
    padding-left: 45px;
    padding-right: 90px;
    background-color: white;
}

.layui-tab .layui-tab-control > li { /*给选项卡点击左滑动   点击右滑动  和 选项卡工具按钮  的样式*/
    position: absolute;
    top: 0px;
    height: 40px;
    line-height: 35px;
    width: 43px;
    text-align: center;
    border-bottom: whitesmoke 1px solid;
}

.layui-tab .layui-tab-roll-right { /*选项卡右滑动样式*/
    right: 35px;
    border-left: 1px solid whitesmoke;
}

.layui-tab .layui-tab-tool { /*选项卡工具按钮  ul样式外的li样式*/
    right: 0px;
    border-left: 1px solid whitesmoke;
}

.layui-tab .layui-tab-tool .layui-nav { /*选项卡工具按钮  ul样式*/
    position: absolute;
    height: 40px;
    top: 0;
    width: 100%;
    padding: 0;
    background: 0 0;
}

.layui-nav.close-box .layui-nav-item { /*选项卡工具按钮  ul内li的样式*/
    height: 40px;
}

.layui-nav.close-box .layui-nav-child { /*选项卡工具按钮  触碰显示样式*/
    top: 40px;
    left: auto;
    right: 0;
}



















